<!--
 * @Author: chenchao
 * @Date: 2022-08-06 20:27:05
 * @LastEditors: chenchao
 * @LastEditTime: 2022-08-06 20:33:50
 * @Description: 
-->
<template>
  <ul class="infinite-list" v-infinite-scroll="load" style="overflow:auto">
    <li v-for="i in count" class="infinite-list-item">{{ i }}</li>
  </ul>

</template>

<script>
export default {
  data () {
    return {
      count: 1
    }
  },
  methods: {
    load () {
      this.count += 2
    }
  }
}

</script>

<style>
  .infinite-list-item {
    background: #42b983;
  }
</style>
